<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #info{
            width: 300px;
            height: 400px;
            background-color: #bfa;
            overflow: auto;
        }
    </style>
    <script>
        window.onload = function () {

            /*
                当协议的滚动条拖动到底时，使多选框可用，当多选框选中时，使提交按钮可用
             */
            // 获取info
            var info = document.getElementById('info');
            var in01 = document.getElementsByName('in01');
            var in02 = document.getElementsByName('in02');
            // scroll事件会在元素的滚动条滚动时触发
            info.onscroll = function () {

                // alert(box1.scrollHeight - box1.scrollTop === box1.clientHeight);
                if (Math.round(info.scrollHeight - info.scrollTop) === info.clientHeight ){
                    // alert('nihao');

                    in01[0].disabled = false;
                }
            };


            in01[0].onclick = function () {
                in02[0].disabled = !in01[0].checked;

            }

        };

    </script>
</head>
<body>

<h2>欢迎用户注册，请仔细阅读以下协议：</h2>
<p id="info">
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
    亲爱的用户，欢迎注册我们的网站，你必须要遵守以下协议，要不然你就别注册
</p>
<input type="checkbox" disabled name="in01"> 我已仔细阅读，并遵守以上协议
<input type="button" value="注册" disabled name="in02">

</body>
</html>